import { /* Platform, */ DeviceInfo } from "react-native";
import { createStyles } from "utils";
import * as theme from "theme";
import { getStatusBarHeight } from "utils/adaptation";

// const IS_IOS = Platform.OS === 'ios';
const nav = getStatusBarHeight();

// const nav = StatusBar.currentHeight;

const styles = {
  root: {
    flex: 1,
  },
  header: {
    height: 60 + (DeviceInfo.isIPhoneX_deprecated ? 15 : 0),
    position: "absolute",
    width: "100%",
    zIndex: 1,
    top: 0,
    display: "flex",
    justifyContent: "space-between",
    alignItems: "center",
    flexDirection: "row",
    paddingTop: nav - 5,
    paddingHorizontal: 15,
    backgroundColor: "rgba(0,0,0,0)",
  },
  leftc: {
    width: "20%",
  },
  rightc: {
    width: "20%",
    alignItems: "flex-end",
  },

  right: {
    display: "flex",
    flexDirection: "row",
    justifyContent: "space-around",
  },
  dot: {
    height: 16,
    width: 16,
    borderRadius: 8,
    flexDirection: "column",
    backgroundColor: "rgb(250,49,46)",
    position: "absolute",
    right: -8,
    top: -9,
    overflow: "hidden",
    justifyContent: "center",
    alignItems: "center",
  },
  nav: {
    position: "relative",
    top: nav,
    marginLeft: 40,
    marginTop: 20,
    flexDirection: "column",
  },
  navTitle: {
    fontSize: 36,
    fontWeight: "200",
    color: theme.ColorBackgroundComp,
  },
  navSubTitle: {
    marginTop: 10,
    fontSize: 20,
    color: theme.ColorBackgroundComp,
  },
  search: {
    position: "relative",
    top: nav + (DeviceInfo.isIPhoneX_deprecated ? 210 : 223),
    shadowOffset: {
      width: 0,
      height: 5,
    },
    shadowRadius: 5,
    shadowOpacity: 0.5,
    elevation: 5,
    shadowColor: "#D9DDEC",
    marginHorizontal: 15,
    borderRadius: 8,
    backgroundColor: "#fff",
  },
  empty: {
    width: "100%",
    height: 220,
    justifyContent: "center",
    alignItems: "center",
  },
  emptyText: {
    fontSize: 12,
    color: "rgba(51,58,78,0.45)",
    marginTop: 12,
  },
  panel: {
    marginTop: 60,
    flexDirection: "column",
    backgroundColor: theme.ColorBackgroundComp,
  },
  subTitle: {
    paddingHorizontal: 15,
    fontSize: 22,
    fontWeight: "500",
    color: "#28354C",
  },
};

export default createStyles(styles);
